<!DOCTYPE html>
<html lang='en'>
  <head>
    <title>Searchable Map Template - CSV</title>

    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content='You want to put your data on a searchable, filterable map. Provide a comma separated file (CSV) and this free, open source template will do the rest.' name='description'>
    <meta content='Searchable Map Template - CSV' name='author'>

    <!-- Facebook metadata -->
    <meta content="Searchable Map Template - CSV" property="og:site_name">
    <meta content="Searchable Map Template - CSV" property="og:title">
    <meta content="website" property="og:type">
    <meta content="You want to put your data on a searchable, filterable map. Provide a comma separated file (CSV) and this free, open source template will do the rest." property="og:description">
    <meta content="https://searchable-map-template-csv.netlify.com/" property="og:url">
    <meta content="https://searchable-map-template-csv.netlify.com/img/screenshot.jpg" property="og:image">
    
    <!-- Twitter metadata -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@DataMadeCo">
    <meta name="twitter:creator" content="@DataMadeCo">
    <meta name="twitter:title" content="Searchable Map Template - CSV">
    <meta name="twitter:url" content="https://searchable-map-template-csv.netlify.com/">
    <meta name="twitter:description" content="You want to put your data on a searchable, filterable map. Provide a comma separated file (CSV) and this free, open source template will do the rest.">
    <meta name="twitter:image:src" content="https://searchable-map-template-csv.netlify.com/img/screenshot.jpg">

    <!-- Styles -->
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/bootstrap-reboot.min.css">

    <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/custom.css"/>

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/lib/jquery-3.3.1.min.js"></script>
    <script src="/lib/popper.min.js"></script>
    <script src="/lib/bootstrap.min.js"></script>

  </head>
  <body>

    <nav class="navbar navbar-expand-md navbar-light mb-2">
      <a class="navbar-brand" href="/">
        Searchable Map Template - CSV
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse mr-auto" id="navbarsExampleDefault">
        <ul class="navbar-nav ml-auto">
          <li class='nav-item'>
            <a class="nav-link" href="/"><i class="fa fa-map-marker" aria-hidden="true"></i> Map</a>
          </li>
          <li class='nav-item'>
            <a class="nav-link active" href="/about.html"><i class="fa fa-info-circle" aria-hidden="true"></i> About</a>
          </li>
        </ul>
      </div>
    </nav>

    <main role="main" class="container-fluid">

      <div class="container">
        <div class="row">
          <div class="col-md-8">

            <div class='row'>
              <div class='col-md-12'>
                <h3 class="mt-4" id="about"><i class="fa fa-info-circle" aria-hidden="true"></i> About</h3>

                
                <p>Talk about your project here.</p>

              </div>
            </div>

          </div>

        </div>
      </div>
    </main>
  </body>
</html>
